import { reactive } from 'vue';

export const particlesOptions = reactive({
	fpsLimit: 60,
	interactivity: {
		events: {
			onHover: {
				enable: true,
				mode: 'attract', // 点击模式为吸引
				radius: 8000, // 增加吸引半径
				factor: 2000, // 增加吸引力度
			},
			resize: true,
		},
	},
	particles: {
		color: {
			value: '#ffffff',
		},
		links: {
			color: '#ffffff',
			distance: 150,
			enable: true,
			opacity: 0.5,
			width: 1,
		},
		collisions: {
			enable: false,
		},
		move: {
			direction: 'none',
			enable: true,
			outMode: 'bounce',
			random: false,
			speed: 1,
			straight: false,
		},
		number: {
			value: 60, // 粒子的数量
		},
		opacity: {
			value: 0.5,
		},
		shape: {
			type: 'circle',
		},
		size: {
			random: true,
			value: 5,
		},
	},
	detectRetina: true,
});
